<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>欢迎来到德莱联盟</title>
  
</head>
<body>
  
    <dl id="drink-menu" style="border:solid 1px #ccc;padding:6px;">
        <dt>摩卡</dt>
        <dd>热摩卡咖啡</dd>
        <dt>酸奶</dt>
        <dd>北京老酸奶</dd>
        <dt>果汁</dt>
        <dd>鲜榨苹果汁</dd>
    </dl>
  
     <!-- // 更新DOM -->
    <!-- <div id="test-div">
        <p id="test-js">javascript</p>
        <p>Java</p>
      </div>
   -->
  
   <!-- // 插入 DOM  -->
   <!-- <p id="js">JavaScript</p> 
   <div id="list">
    <p id="java">Java</p>
    <p id="python">Python</p>
    <p id="scheme">Scheme</p>
    </div> -->

    <!-- //删除 DOM  -->
    <!-- <div id="parent">
        <p>First</p>
        <p>Second</p>
    </div> -->
   
     <!-- 练习 -->

     <!-- <ul id="test-list">
        <li>JavaScript</li>
        <li>Swift</li>
        <li>HTML</li>
        <li>ANSI C</li>
        <li>CSS</li>
        <li>DirectX</li>
    </ul> -->

    <!-- 操作 DOM  练习 -->
    <div id="test-div">
        <div class="c-red">
            <p id="test-p">JavaScript</p>
            <p>Java</p>
          </div>
          <div class="c-red c-green">
            <p>Python</p>
            <p>Ruby</p>
            <p>Swift</p>
          </div>
          <div class="c-green">
            <p>Scheme</p>
            <p>Haskell</p>
          </div>
        </div>

    <script src="./js/str.js"></script>
   <h1>圣诞节有所快乐</h1> 
</body>
</html>